.SkeletonWrap {
    padding: 0.18rem 0.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    &:global(.dark) {
        opacity: 0.6;
    }
}

.Skeleton {
    pointer-events: none;
    border-radius: 0.12rem;
    background: #fff;
    overflow: hidden;

    &:before {
        display: block;
        height: 4.4rem;
        content: ' ';
        background-color: #f2f2f2;
        background-image: url('');
        background-repeat: no-repeat;
        background-size: 0.56rem 0.52rem;
        background-position: center;
        transition: opacity 100ms ease-in;
        opacity: 1;
    }

    &.Sale {
        width: 3.36rem;
        margin-bottom: 0.2rem;
        height: auto;
        position: relative;
        margin-left: 0 !important;

        .SaleInfo {
            padding: 0.2rem;
        }

        .SaleTitle {
            font-size: 0.28rem;
            width: 2.8rem;
            height: 0.37rem;
            background: #f2f2f2;
        }

        .SaleTags {
            width: 0.6rem;
            height: 0.3rem;
            margin-top: 0.13rem;
            background: #f2f2f2;
        }

        .SalePrice {
            margin-top: 0.13rem;
            height: 0.36rem;
            background: #f2f2f2;
        }
    }

    &.Live {
        width: 6.9rem;
        height: 5.8rem;
        margin: 0 auto 0.32rem auto;

        &:before {
            height: 5.8rem;
        }

        .LiveInfo {
        }
    }

    &.LiveSmall {
        width: 3.41rem;
        height: 4.5rem;
        margin-bottom: 0.2rem;

        &:before {
            height: 3.41rem;
        }

        .LiveInfo {
        }
    }
}
